*{
	margin: 0;
	padding: 0;
	font-family: PingFangSC-Regular,Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,Arial;
}
@media(max-width: 414px) {
	html{
		font-size: 16px;
	}
}
@media(max-width: 375px) {
	html{
		font-size: 14px;
	}
}
@media(max-width: 320px) {
	html{
		font-size: 12px;
	}
}
.bg-gray{
	background-color: #666;
}
.bg-pink{
	background-color: #FC533C;
}
.bg-time{
	background-color: #313131;
}
.bg-eee{
	background-color: #eee;
}
.bg-yellow{
	background-color: #FFC83C;
}
.bg-pay{
	background-color: #00BE0C;
}
.bg-purse{
	background-color: #FB5B40;
}
.color-font{
	color: #333;
}
.color-9b{
	color: #9B9B9B;
} 
.color-66{
	color: #666;
}
.color-99{
	color: #999;
}
.color-pink{
	color: #FC533C;
}

.foot-demo{
	position: fixed;
	width: 100%;
	height: 3.2rem;
	bottom: 0;
	z-index: 1000;
	display: flex;
	background: #eeeeee;
	border-top: 0.07rem solid #eeeeee;
}
.foot-item{
	flex-grow: 1;
	width: 25%;
}
.foot-item > div{
	padding: 0.2rem 0 0.35rem 0;
	text-align: center;
	font-size: 0.8rem;
}
.icon-home{
	display: block;
	background: url('/Template/images/nav_home_gray.png')no-repeat center;
	background-size: 1.25rem 1.15rem;
	width: 1.25rem;
	height: 1.15rem;
	margin: 0 auto;
	margin-top: 0.35rem;
}
.icon-order{
	display: block;
	background: url('/Template/images/nav_order_gray.png')no-repeat center;
	background-size: 1rem 1.2rem;
	width: 1rem;
	height: 1.2rem;
	margin: 0 auto;
	margin-top: 0.35rem;
}
.icon-factory{
	display: block;
	background: url('/Template/images/nav_rank_gray.png')no-repeat center;
	background-size: 1rem 1.25rem;
	width: 1rem;
	height: 1.25rem;
	margin: 0 auto;
	margin-top: 0.3rem;
}
.icon-center{
	display: block;
	background: url('/Template/images/nav_profile_gray.png')no-repeat center;
	background-size: 1.1rem 1.2rem;
	width: 1.1rem;
	height: 1.2rem;
	margin: 0 auto;
	margin-top: 0.35rem;
}
.foot-item.active > .icon-home{
	background: url('/Template/images/nav_home_red.png')no-repeat center;
	background-size: 1.25rem 1.15rem;
}
.foot-item.active > .icon-order{
	background: url('/Template/images/nav_order_red.png')no-repeat center;
	background-size: 1rem 1.2rem;
}
.foot-item.active > .icon-factory{
	background: url('/Template/images/nav_rank_red.png')no-repeat center;
	background-size: 1rem 1.25rem;
}
.foot-item.active > .icon-center{
	background: url('/Template/images/nav_profile_red.png')no-repeat center;
	background-size: 1.1rem 1.2rem;
}
.foot-item.active > div{
	color: #ff362b;
}